@extends('member.member')

@section('title', '我的私信')

@section('rightcontainer')
<div class="" style="float: right;width: 993px;height: 40px;background: #f6f6f6;margin-top: 20px;">
	<input class="" style="height:40px;width:290px;font-size: 16px;float: left;" type="text" placeholder="查找私信记录">
	<div class="search_pic fl"><i class="icon-search"></i></div>
	<div class="clearfix"></div>
</div>
			
<div id="wendang">
	<div class='ent_zhph ent3'>
		<ul class="mem_cate">
			<li class='firt-li'>排序方法:</li>
			<li>
    			<a href='#'><div class='ent-hover'>时间</div></a>
  			</li>
			<li>|</li>
			<li>
    			<a href='#'><div class='ent-hover'>浏览量</div></a>
  			</li>
			<li>|</li>
			<li>
    			<a href='#'><div class='ent-hover'>评论星级</div></a>
 			</li>
			<div class="clearfix"></div>
		</ul>
	</div>
	<div class="my_letter">
		<div class="fl ml-20 mt-10">
			<img src="{{ asset('/images/front/member/1.jpg') }}" >
		</div>
		<div class="fl ml-10 mt-10" style="width: 900px;">
			<span class="ft-14 cor-2">数据分析师</span>
			<span class="ft-12 cor-5">2015-01-01</span>
		</div>
		<div class="fl ml-10 mt-10">
			<span class="cor-4 ft-14">我是大牛!擅长的是JAVA</span>
		</div>
		<div class="fr cor-4 mr-10" style="padding:0px 20px;">
			<a href="" class ="btn btn-primary" data-toggle ="modal" data-target =".bs-example-modal-sm">
				<img src="{{ asset('/images/front/member/Shape.jpg') }}">
				<span class="mr-10">1</span>
			</a> | 
			<img src="{{ asset('/images/front/member/Trash.png') }}" class="ml-10">
		</div>
	</div>
	<div class="my_letter">
		<div class="fl ml-20 mt-10">
			<img src="{{ asset('/images/front/member/1.jpg') }}" >
		</div>
		<div class="fl ml-10 mt-10" style="width: 900px;">
			<span class="ft-14 cor-2">数据分析师</span>
			<span class="ft-12 cor-5">2015-01-01</span>
		</div>
		<div class="fl ml-10 mt-10">
			<span class="cor-4 ft-14">我是大牛!擅长的是JAVA</span>
		</div>
		<div class="fr cor-4 mr-10" style="padding:0px 20px;">
			<a href="" class ="btn btn-primary" data-toggle ="modal" data-target =".bs-example-modal-sm">
				<img src="{{ asset('/images/front/member/Shape.jpg') }}">
				<span class="mr-10">1</span>
			</a> | 
			<img src="{{ asset('/images/front/member/Trash.png') }}" class="ml-10">
		</div>
	</div>
	<div class="my_letter">
		<div class="fl ml-20 mt-10">
			<img src="{{ asset('/images/front/member/1.jpg') }}" >
		</div>
		<div class="fl ml-10 mt-10" style="width: 900px;">
			<span class="ft-14 cor-2">数据分析师</span>
			<span class="ft-12 cor-5">2015-01-01</span>
		</div>
		<div class="fl ml-10 mt-10">
			<span class="cor-4 ft-14">我是大牛!擅长的是JAVA</span>
		</div>
		<div class="fr cor-4 mr-10" style="padding:0px 20px;">
			<a href="" class ="btn btn-primary" data-toggle ="modal" data-target =".bs-example-modal-sm">
				<img src="{{ asset('/images/front/member/Shape.jpg') }}">
				<span class="mr-10">1</span>
			</a> | 
			<img src="{{ asset('/images/front/member/Trash.png') }}" class="ml-10">
		</div>
	</div>
</div>
<!-- 私信弹框 -->
<div class ="modal fade bs-example-modal-sm" tabindex ="-1" role ="dialog" aria-labelledby ="mySmallModalLabel">
  <div class ="modal-dialog modal-sm">
    <div class ="modal-content">
      <div style="" class="letter_big">
      		<div class="letter_h" >
      			<span class="ft-let-1">私 信</span>
      			<span class="ft-let-2">YueGuang光</span>
      		</div>
   			<div class="user_talk">
   				<div class="talk_time">2015-07-01</div>
   				<div class="ml-10 fl">
   					<img src="{{ asset('/images/front/member/1.jpg') }}">
   					<i class="glyphicon glyphicon-triangle-left" style="color:rgb(246,246,246);top:3px;left: -2px"></i>
   					<div class="talk_left_d">
   						<span class="talk_left_s">贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发吗？贵公司招PHP开发？</span>
   					</div>
   				</div>
   				<div class="clearfix"></div>
   				<div class="ml-10 fl">
   					<img src="{{ asset('/images/front/member/1.jpg') }}">
   					<i class="glyphicon glyphicon-triangle-left" style="color:rgb(246,246,246);top:3px;left: -2px"></i>
   					<div class="talk_left_d">
   						<span class="talk_left_s">贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发？贵公司招PHP开发吗？贵公司招PHP开发？</span>
   					</div>
   				</div>
   				<div class="clearfix"></div>
   				<div class="mr-10 fr">
   					<img src="{{ asset('/images/front/member/self.jpg') }}" class="fr">
   					<i class="glyphicon glyphicon-triangle-right" style="color:rgb(246,246,246);top: 20px;left: 105px;"></i>
   					<div class="talk_right_d"> 
   						<span class="talk_right_s">贵贵公司招PHP开发吗？贵公司招PHP开发？贵公司招PHP开发吗？</span>
   					</div>
   				</div>
   				<div class="clearfix"></div>
   				<div class="mr-10 fr">
   					<img src="{{ asset('/images/front/member/self.jpg') }}" class="fr">
   					<i class="glyphicon glyphicon-triangle-right" style="color:rgb(246,246,246);top: 20px;left: 105px;"></i>
   					<div class="talk_right_d"> 
   						<span class="talk_right_s">贵贵公司招PHP开发吗？贵公司招PHP开发？贵公司招PHP开发吗？</span>
   					</div>
   				</div>
   				<div class="clearfix"></div>
      		</div>
      		<div class="talk_res">
      			<textarea class="talk_area"></textarea>
      		</div>
      		<div class="clearfix"></div>
      		<div class="talk_bottom">
      			<button class="res_but">回复</button>
      		</div>
   		</div>
    </div>
  </div>
</div>
 <!--鼠标效果-->
    <script type="text/javascript">
      $(function(){
        $('.ent-hover').hover(function(){
          $(this).css('background-color','#006965');
          $(this).css('color','white');
        },function(){
           $(this).css('background-color','white');
          $(this).css('color','#333');
        });
      })
      </script>
@stop

<!-- 底部块 -->
@section('footer')
    @parent
@stop

